<h2 class="middle-title">Аудио отзывы от клиентов</h2>
<span class="global-button green-bg indent-bottom first-hidden">
    <a href="#leave-feedback">Вы можете оставить отзыв</a>
</span>
<noindex>
    <ul class="audio-reviews">
        <?php foreach ($audioReviews as $key => $audioReview): ?>
            <li class="audio-reviews__item">
                <ul>
                    <li>
                        <div class="audio-reviews__button">
                            <a data-go-to="<?php echo $key; ?>" class="__play" href="#" data-title="<?php echo $audioReview['audioName'] . ' : ' . $audioReview['audioTitle']; ?>">
                                <span>Пауза/Воспроизведение</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <p>#<?php echo $key + 1; ?> <?php echo $audioReview['audioName']; ?>: <strong><?php echo $audioReview['audioTitle']; ?></strong></p>
                    </li>
                </ul>
            </li>
        <?php endforeach; ?>
    </ul>
</noindex>
<?php if ($totalCount > $limit): ?>
    <span class="global-button green-bg" id="load-more">
        <a href="#">Показать еще 5 аудио отзывов</a>
    </span>
<?php endif; ?>
<br /><br /><br /><hr /><br />
<h2 class="middle-title">
    <!--    Отзывы клиентов с <a href="http://market.yandex.ru/shop/102286/reviews/" target="_blank">Яндекс Маркета</a>    -->
    Отзывы клиентов
</h2>
<?php foreach ($models as $m): ?>
    <div class="answers-service-center">
        <ul class="answers-service-center__list <?php echo $m['reviewRating'] > 2 ? 'positive' : 'negative'; ?>">		
            <li style="list-style-type: none;">
                <span class="feedback-list__number">Номер заказа: <?php echo $m['reviewOrderNo']; ?><span class="span-date__right"><?php echo date("d.m.Y г.", $m['reviewDate']); ?></span></span>

                <h3>
                    <?php echo $m['reviewUsername']; ?> 
                    <span style="float: right;"><?php
                        $this->widget('CStarRating', array(
                            'name' => 'rating' . $m['reviewId'],
                            'value' => $m['reviewRating'],
                            'minRating' => 1,
                            'maxRating' => 5,
                            'starCount' => 5,
                            //'allowEmpty' => false,
                            'readOnly' => true,
                        ));
                        ?>
                    </span>
                </h3>

                                        <!--<span class="feedback-list__device">Телефон <?php //echo $m['reviewUserphone'];                  ?></span>-->
                <p><?php echo $m['reviewContent']; ?></p>
                <?php $this->recursive($m['reviewId'], $m['reviewId']); ?>
                <br />
                <div class="feedback-list__form">
    <!--                    <span class="feedback-list__form__link" data-url="/otzivi?parent=<?php echo $m['reviewId']; ?>" data-parent="<?php echo $m['reviewId']; ?>">Ответить</span>
                    <br /><br />-->
                    <div class="global-form">
                        <?php
                        $form = $this->beginWidget('CActiveForm', array(
                            'id' => 'review-form-' . $m['reviewId'],
                            'action' => '/otzivi?parent=' . $m['reviewId'],
                            'enableClientValidation' => true,
                            'clientOptions' => array(
                                'validateOnSubmit' => true,
                            ),
                        ));
                        ?>
                        <div style="display: none">
                            <?php echo $form->error($model, 'reviewContent'); ?>
                            <?php echo $form->error($model, 'reviewUserphone'); ?>
                            <?php echo $form->error($model, 'reviewUsername'); ?>
                            <?php echo $form->error($model, 'reviewType'); ?>
                            <?php echo $form->error($model, 'reviewOrderNo'); ?>
                        </div>
                        <fieldset>
                            <!--						<ul class="global-form__switch">
                                                                                    <li class="global-form__switch__positive selected">
                                                                                            <label for="positive2">Положительный отзыв</label>
                            <?php echo $form->radioButton($model, 'reviewType', array('value' => '1', 'id' => 'positive2', 'checked' => 'checked', 'uncheckValue' => null)); ?>								
                                                                                    </li>
                                                                                    <li class="global-form__switch__negative">
                                                                                            <label for="negative2">Отрицательный отзыв</label>
                            <?php echo $form->radioButton($model, 'reviewType', array('value' => '0', 'id' => 'positive2', 'uncheckValue' => null)); ?>								
                                                                                    </li>
                                                                            </ul>-->
                            <?php echo $form->hiddenField($model, 'reviewType', array('value' => '1')); ?>								
                            <ul class="global-form__list">
                                <li>
                                    <div class="wrap-bg">
                                        <div class="type-text">
                                            <?php echo $form->textField($model, 'reviewUsername', array('placeholder' => 'Ваше имя')); ?>											
                                        </div>
                                    </div>    
                                </li>
                                <li>
                                    <div class="wrap-bg">
                                        <div class="type-text">
                                            <?php echo $form->textField($model, 'reviewUserphone', array('placeholder' => 'Ваш телефон', 'class' => 'masked-phone')); ?>																			
                                        </div>
                                    </div>    
                                </li>
                                <li class="last-child">
                                    <div class="wrap-bg">
                                        <div class="type-text">
                                            <?php echo $form->textField($model, 'reviewOrderNo', array('placeholder' => 'Ваш номер заказа', 'value' => '')); ?>										
                                        </div>   
                                    </div>    
                                </li>
                            </ul>  
                            <div class="wrap-bg">
                                <div class="textarea">
                                    <?php echo $form->textArea($model, 'reviewContent', array('placeholder' => 'Комментарий', 'rows' => 10, 'cols' => 45)); ?>								
                                </div>
                            </div> 
                        </fieldset>
                        <fieldset>
                            <div class="type-submit-wrap">
                                <div class="type-submit-wrap__inner">
                                    <div class="type-submit">
                                        <?php echo CHtml::submitButton('Отправить отзыв'); ?>									
                                    </div>
                                </div>    
                            </div>    
                        </fieldset>
                        <?php $this->endWidget(); ?>
                    </div>
                </div>    
            </li>

        </ul>
    </div>
<?php endforeach; ?>

<nav class="page-navi">
    <?php
    $this->widget('CLinkPager', array(
        'pages' => $pages,
        'header' => '',
        'cssFile' => Yii::app()->theme->baseUrl . '/assets/css/pager.css',
        'firstPageLabel' => '&lt;&lt;',
        'prevPageLabel' => 'Предыдущая страница',
        'nextPageLabel' => 'Следующая страница',
        'lastPageLabel' => '&gt;&gt;',
    ));
    ?>
</nav>

<!--
<fieldset>
    <div class="type-submit-wrap">
        <div class="type-submit-wrap__inner">
            <div class="type-submit">
<?php echo CHtml::submitButton('Написать отзыв на Маркете', array('submit' => 'http://market.yandex.ru/shop/102286/reviews/add')); ?>
            </div>
        </div>    
    </div>    
</fieldset>
-->

<p class="align-center padding-top-20">А также Вы можете</p>
<!--<p class="align-center">
    <a class="buyServiceForm fancybox" href="#reviews-form">
        <span class="price-group">Пожаловаться в службу контроля качества Mobi03</span>
    </a>
</p>-->

<div class="contacts-info global-form" id="reviews-form">
    <h3 class="popup-title global-warning"><strong>Пожаловаться в службу контроля качества Mobi03</strong></h3>
    <?php
    $form = $this->beginWidget('CActiveForm', array(
        'id' => 'review-form-main',
        'action' => '/otzivi',
        'enableClientValidation' => true,
        'clientOptions' => array(
            'validateOnSubmit' => true,
        ),
    ));
    ?>
    <div style="display: none">
        <?php echo $form->error($model, 'reviewContent'); ?>
        <?php echo $form->error($model, 'reviewUserphone'); ?>
        <?php echo $form->error($model, 'reviewUsername'); ?>
        <?php echo $form->error($model, 'reviewType'); ?>
        <?php echo $form->error($model, 'reviewOrderNo'); ?>
    </div>
    <fieldset>
<!--        <ul class="global-form__switch">
            <li class="global-form__switch__positive selected">
                <label for="positive">Положительный отзыв</label>
                <?php echo $form->radioButton($model, 'reviewType', array('value' => '1', 'id' => 'positive1', 'uncheckValue' => null)); ?>
            </li>
            <li class="global-form__switch__negative">
                <label for="negative">Отрицательный отзыв</label>
                <?php echo $form->radioButton($model, 'reviewType', array('value' => '0', 'id' => 'positive2', 'uncheckValue' => null)); ?>
            </li>
        </ul>-->
        <?php echo $form->hiddenField($model, 'reviewType', array('value' => '0')); ?>
        <ul class="global-form__list">
            <li>
                <div class="wrap-bg">
                    <div class="type-text">
                        <?php echo $form->textField($model, 'reviewUsername', array('placeholder' => 'Ваше имя')); ?>
                    </div>
                </div>    
            </li>
            <li>
                <div class="wrap-bg">
                    <div class="type-text">
                        <?php echo $form->textField($model, 'reviewUserphone', array('placeholder' => 'Ваш телефон', 'class' => 'masked-phone')); ?>
                    </div>
                </div>    
            </li>
            <li class="last-child">
                <div class="wrap-bg">
                    <div class="type-text">
                        <?php echo $form->textField($model, 'reviewOrderNo', array('placeholder' => 'Ваш номер заказа', 'value' => '')); ?>										
                    </div> 
                </div>    
            </li>
        </ul>  
        <div class="wrap-bg">
            <div class="textarea">
                <?php echo $form->textArea($model, 'reviewContent', array('placeholder' => 'Комментарий', 'rows' => 10, 'cols' => 45)); ?>
            </div>
        </div> 
    </fieldset>

    <fieldset>
        <p class="global-warning">
            Просим вас подробно описать ситуацию, обязательно указать контактные данные, для того, чтобы мы оперативно отреагировали на ваше обращение. Сроки реакции составляют от 1 до 3 рабочих дней. Спасибо. 
        </p>
        <br />
        <div class="type-submit-wrap">
            <div class="type-submit-wrap__inner">
                <div class="type-submit">
                    <?php echo CHtml::submitButton('Отправить отзыв'); ?>
                </div>
            </div>    
        </div>    
    </fieldset>
    <?php $this->endWidget(); ?>
</div>  


<script>
    $(document).ready(function ()
    {
        var key = 0;
        $('body').on('click', '#load-more', function ()
        {
            $.post('/main/ajax/loadAudio', {key: ++key, limit: <?php echo $limit; ?>},
            function (response)
            {
                $('ul.audio-reviews').append(response);
                if (parseInt($("li.audio-reviews__item").size()) == <?php echo $totalCount; ?>) {
                    $('#load-more').hide();
                }
            });
            return false;
        });

        $('.feedback-list__form__link').click(function () {
            var formParent = $('#review-form-' + $(this).data('parent') + '').parent('div').parent('div');
            $('#review-form-' + $(this).data('parent') + '').attr('action', $(this).data('url'));
            if (!formParent.is('.open'))
            {

                formParent.addClass('open');
            }
            else
                formParent.removeClass('open');
        });

        $('.global-form__switch li').click(function () {
            $('.global-form__switch').find('input[type="radio"]').removeAttr('checked');
            $(this).parent('ul').children('li').removeClass('selected');
            $(this).addClass('selected');
            $(this).find('input[type="radio"]').attr('checked', 'checked');
        });
    });
</script>
<style>
    /*    .buyServiceForm {
            border-bottom: 1px dashed;
            text-decoration: none;
            font: 18px 'proxima_nova_rgbold',sans-serif;
        }
        .global-form {
            margin: 0; 
            background: none;
            border: none;
            padding: 0;
        }
        .global-form p {
            font: italic 15px/20px 'Georgia',sans-serif;
            padding-bottom: 10px;
        }
        .type-submit-wrap__inner {
            background: none;
        }
        .fancybox-close {
            right: 13px;
            top: 16px;
        }
        #reviews-form {
            display: none;
        }
        .align-center {
            text-align: center;
        }
        .padding-top-20 {
            padding-top: 20px;
        }*/
</style>